<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>福利刮一刮</title>
	<link rel="stylesheet" href="css/index.css" media="screen">
</head>

<body>
	<div class="web">
		<!-- 抽奖页面开始 -->
		<div class="main" style="display:block">
			<div class="rule_turn">
				<img src="../guaguaka/img/rule.png" alt="规则">
			</div>
			<div class="my_prize">
				<img src="../guaguaka/img/my_prize.png" alt="我的奖品">
			</div>
			<div class="time">
				<img src="../guaguaka/img/time.png" alt="次数背景">
				<p class="time_con">
					今日还剩免费次数:
					<span>8</span>次
				</p>
			</div>
			<div class="card">
				<div class="card_bg">
					<img src="../guaguaka/img/card_bg.png" alt="刮刮卡背景">
				</div>
				<div class="card_f box" id="box">
					<canvas id="c1">您的浏览器不支持canvas</canvas>
					<div class="card_main background j-back">
						<img src="../guaguaka/img/card.png" alt="刮刮卡">
					</div>
				</div>
			</div>
			<div class="prize_pool">
				<img class="pool_bg" src="../guaguaka/img/prize.png" alt="奖品池背景">
				<marquee id="scrollobj" class="marquee" behavior="alternate">
					<div class="pool_hb">
						<img src="../guaguaka/img/666.png" alt="红包">
						<img src="../guaguaka/img/166.png" alt="红包">
						<img src="../guaguaka/img/66.png" alt="红包">
						<img src="../guaguaka/img/6.png" alt="红包">
						<img src="../guaguaka/img/luckly.png" alt="红包">
					</div>
					<div class="hb_copy">
						<img src="../guaguaka/img/666.png" alt="红包">
						<img src="../guaguaka/img/166.png" alt="红包">
						<img src="../guaguaka/img/66.png" alt="红包">
						<img src="../guaguaka/img/6.png" alt="红包">
						<img src="../guaguaka/img/luckly.png" alt="红包">
					</div>
				</marquee>
			</div>
			<p class="tips">*兑换项与活动和设备生产商Apple Inc.公司无关</p>
		</div>
		<!-- 抽奖页面结束 -->
		<!-- 规则页面开始 -->
		<div class="rule" style="display:none">
			<div class="rule_con">
				<img src="../guaguaka/img/rule_detail.png" alt="规则" class="rule_detail" />
				<img src="../guaguaka/img/close.png" alt="关闭" class="rule_close">
			</div>
		</div>
		<!-- 规则页面结束 -->
		<!-- 开奖页面开始 -->
		<div class="prize down" style="display:none">
			<div class="prize_con">
				<img src="../guaguaka/img/hongbao.png" alt="背景" class="prize_bg">
				<div class="prize_juan">
					<img src="../guaguaka/img/youhuijuan.png" alt="优惠券">
				</div>
				<img src="../guaguaka/img/coin.png" alt="金币" class="prize_coin">
				<img src="../guaguaka/img/color.png" alt="彩带" class="prize_color">
				<div class="prize_close">
					<img src="../guaguaka/img/close.png" alt="关闭">
				</div>
			</div>
		</div>
		<!-- 开奖页面结束 -->
	</div>
	<script src="../guaguaka/js/jquery-2.1.0.js"></script>
	<script src="../guaguaka/js/index.js"></script>
</body>

</html>